<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,minimum-scale=1,user-scalable=yes" />
		<title>{{ web_title }}</title>
		<link type="text/css" rel="stylesheet" href="../../static/create_entry/css/style.css"/>
	</head>
	<body>
        <div class="content-one">
            <div class="label1">欢迎来到<p></p>交互式智能作曲系统</div>
        </div>
		<button class="button button1">新建乐曲</button>
		<img src="../../static/create_entry/img/Vector 6.png" class="vector6" alt="#"/>
        <div class="rec138">
            <svg width="135" height="89" viewBox="0 0 135 89" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M50.63 15.3018H59.1731L62.3139 9.16032L66.6482 18.8969L72.0504 7.21301L75.1912 15.3018H83.7343" stroke="#90BCFE"/>
            <mask id="path-2-inside-1" fill="white">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M128.515 88.9999C128.52 88.6658 128.522 88.3311 128.522 87.9957C128.522 53.0598 101.059 24.7386 67.1821 24.7386C33.3048 24.7386 5.84189 53.0598 5.84189 87.9957C5.84189 88.3311 5.84442 88.6658 5.84946 88.9999H128.515Z"/>
            </mask>
            <path d="M128.515 88.9999V90.9999H130.485L130.515 89.0301L128.515 88.9999ZM5.84946 88.9999L3.84969 89.0301L3.87941 90.9999H5.84946V88.9999ZM126.522 87.9957C126.522 88.321 126.52 88.6457 126.515 88.9697L130.515 89.0301C130.52 88.6859 130.522 88.3411 130.522 87.9957H126.522ZM67.1821 26.7386C99.8972 26.7386 126.522 54.1059 126.522 87.9957H130.522C130.522 52.0137 102.221 22.7386 67.1821 22.7386V26.7386ZM7.84189 87.9957C7.84189 54.1059 34.467 26.7386 67.1821 26.7386V22.7386C32.1427 22.7386 3.84189 52.0137 3.84189 87.9957H7.84189ZM7.84923 88.9697C7.84434 88.6457 7.84189 88.321 7.84189 87.9957H3.84189C3.84189 88.3411 3.84449 88.6859 3.84969 89.0301L7.84923 88.9697ZM5.84946 90.9999H128.515V86.9999H5.84946V90.9999Z" fill="#90BCFE" mask="url(#path-2-inside-1)"/>
            <rect x="35.0515" y="53.9482" width="62.3139" height="21.4204" rx="10.7102" fill="#90BCFE"/>
            <path d="M126.575 75.3689H129.364C132.126 75.3689 134.364 77.6075 134.364 80.3689V89.0001H126.575V75.3689Z" fill="#90BCFE"/>
            <path d="M7.78925 75.3689H5.00001C2.23859 75.3689 1.23978e-05 77.6075 1.23978e-05 80.3689V89.0001H7.78925V75.3689Z" fill="#90BCFE"/>
            <path d="M82.244 2.92096C82.244 1.30776 83.5517 0 85.1649 0C86.7781 0 88.0859 1.30776 88.0859 2.92096V29.2096H82.244V2.92096Z" fill="#90BCFE"/>
            <path d="M45.2451 2.92096C45.2451 1.30776 46.5529 0 48.1661 0C49.7793 0 51.0871 1.30776 51.0871 2.92096V29.2096H45.2451V2.92096Z" fill="#90BCFE"/>
            </svg>
        </div>
		<img src="../../static/create_entry/img/截屏.png" class="img15"/>
		<label class="label6">AI 主旋律续写</label>
		<label class="label7">AI 作曲模型可自动根据已有片段，生成长度可控的旋律</label>
		<!-- Group 9 -->
		<img src="../../static/create_entry/img/截屏.png" class="img16"/>
		<label class="label9">AI 生成模型对固定的音乐片段进行重新续写</label>
		<label class="label8">AI 旋律修改</label>
		<!-- Group 10 -->
		<img src="../../static/create_entry/img/截屏.png" class="img17"/>
		<label class="label11">乐理润色算法可对固定音乐片段进行乐理润色</label>
		<label class="label10">AI 乐理润色</label>

		<label class="label12">开始作曲</label>

		<button class="button button1" onclick="dianwo1()">新建乐曲</button>

		<button class="button button3" onclick="dianwo3()">打开本地MIDI文件</button>

		<div class="zhezhao1" id='zhezhao1'>
			<div class="tankuang1">
				<div>
					<label class="label13">新建工程</label>
					<label class="label14">请输入新工程名称&nbsp&nbsp&nbsp___________________________________</label>
					<input class="input1" type="text" style="border-style:none">
					<button class="button button4"  onclick = "window.location.href = 'https://www.baidu.com/'">确定</button>
					<button class="button button5" onclick="hidder1()">取消</button>
				</div>
			</div>
		</div>



		<div class="zhezhao3" id='zhezhao3'>
			<div class="tankuang3">
				<div>
					<label class="label17">载入成功</label>
					<label class="label18">该文件包含多个轨道</label>
					<label class="label19">已识别“XXX（轨道）”作为主旋律轨</label>
					<button class="button button8" onclick="hidder3()">确定</button>
					<button class="button button9" onclick="hidder3()">取消</button>
				</div>
			</div>
		</div>

		<script>
		document.getElementById('zhezhao1').style.display="none";
			function dianwo1(){
				document.getElementById('zhezhao1').style.display="";
			}
			function hidder1(){
				document.getElementById('zhezhao1').style.display="none";
			}
		</script>
		<script>
		document.getElementById('zhezhao2').style.display="none";
			function dianwo2(){
				document.getElementById('zhezhao2').style.display="";
			}
			function hidder2(){
				document.getElementById('zhezhao2').style.display="none";
			}
		</script>
		<script>
		document.getElementById('zhezhao3').style.display="none";
			function dianwo3(){
				document.getElementById('zhezhao3').style.display="";
			}
			function hidder3(){
				document.getElementById('zhezhao3').style.display="none";
			}
		</script>

	</body>
</html>
